<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/usercenter.css" />
  </head>
  <body>
    <header>
      <div class="head">
        <div class="logo">
          <a href="./index.html" class="link_a">
            <img src="./images/logo.png" alt="" />
          </a>
        </div>
        <!--个人信息 -->
        <div class="user_info">
          <div class="link">
            <span><a class="link_a" href="./login.html">登录</a></span>
            <span>|</span>
            <span><a class="link_a" href="./regesiter.html">注册</a></span>
          </div>
          <div class="search">
            <input type="text" placeholder="热门搜索：干花花瓶" />
            <a class="link_a" href=""><button></button></a>
          </div>
          <div class="icon">
            <a href="" class="link_a">
              <img src="./images/grzx.png" alt="" />
            </a>
            <a href="" class="link_a">
              <img src="./images/ewm.png" alt="" />
            </a>
            <a href="./cart.html" class="link_a">
              <img src="./images/gwc.png" alt="" />
            </a>
          </div>
        </div>
      </div>
      <!-- 导航 -->
      <nav>
        <!-- <div class="navigation">

          </div> -->
        <div class="navigation">
          <a href="" class="link_a">首页</a>
          <a href="" class="link_a" name="all">
            所有商品
            <!-- 根据nav定位 -->
            <div class="all_product">
              <!-- 全部商品 漂浮 -->
              <div class="center">

                <div class="product_item">
                  <div>
                    <img src="./images/nav1.jpg" alt="">
                  </div>
                  <div>浓情欧式</div>
                </div>
                <div class="product_item">
                  <div>
                    <img src="./images/nav5.jpg" alt="">
                  </div>
                  <div>浪漫美式</div>
                </div>
                <div class="product_item">
                  <div>
                    <img src="./images/nav6.jpg" alt="">
                  </div>
                  <div>浓情欧式</div>
                </div>
                <div class="product_item">
                  <div>
                    <img src="./images/nav7.jpg" alt="">
                  </div>
                  <div>浓情欧式</div>
                </div>
                <div class="product_item">
                  <div>
                    <img src="./images/nav8.jpg" alt="">
                  </div>
                  <div>浓情欧式</div>
                </div>
              </div>
              <!-- 全部商品 漂浮 -->
            </div>
          </a>
          <a href="" class="link_a" name="accessories">
            装饰配件  
             <!-- 样式  -->
            <div class="css">
              <div class="center">
                <span>干花花艺</span>
                <span>花瓶花艺</span>
              </div>
            </div>     
          </a>
             <!-- 样式  --> 
          
          <a href="" class="link_a" name="decorations">
            布艺软饰
            <div class="decorations">
              <div class="content">
                <span>桌布罩件</span>
                <span>抱枕靠枕</span>
              </div>
            </div>   
          </a>
          <a href="./paint.html" class="link_a">墙饰壁挂</a>
          <a href="" class="link_a">蜡艺香薰</a>
          <a href="" class="link_a">创意家居</a>
        </div>
      </nav>
    </header>

    <!-- 电梯导航 -->
    <div class="goTop">
      <!-- 第一个 -->
      <div>
        <div class="goPay">
            <div>去购</div>
            <div>物车</div>
        </div>
      </div>
      <!-- 第一个 -->
      <!-- 第二个 -->
      <div>
          <div>
            联系客服
          </div>
      </div>
      <!-- 第二个 -->
      <!-- 第三个 -->
      <div>
          <div>
            个人中心
          </div>
      </div>
      <!-- 第三个 -->
      <!-- 第四个 -->
      <div>
        <div>
          返回顶部
        </div>
      </div>
      <!-- 第四个 -->
    </div>
    <!-- 电梯导航 -->
    
    <!-- 当前页面指示 -->
    <div class="position">
      <div class="link">
        <span>
          <a href="" class="link_a"> 首页 </a>
        </span>
        <span> / </span>
        <span>
          <a href="" class="link_a"> 个人中心 </a>
        </span>
        <span> / </span>
        <span>
          <a href="" class="link_a"> 我的订单 </a>
        </span>
      </div>
    </div>
    <!-- 当前页面指示 -->

    <!-- 主体内容 -->
    <main>
      <div class="center">
        <div class="side">
          <div class="user_pic">
            <a href="" class="link_a">
              <img src="./images/tx.png" alt="" />
            </a>
            <div>
              <a href="" class="link_a">[***]</a>
              <a href="" class="link_a">退出登录</a>
            </div>
          </div>
          <div class="menu">
            <a class="link_a" href="">
              <h4>我的交易</h4>
            </a>
            <a class="link_a" href="">
              <div>我的购物车</div>
            </a>
            <a class="link_a" href="">
              <div>我的订单</div>
            </a>
            <a class="link_a" href="">
              <div>评价晒单</div>
            </a>
            <a class="link_a" href="">
              <h4>个人中心</h4>
            </a>
            <a class="link_a" href="">
              <div class="active">我的中心</div>
            </a>
            <a class="link_a" href="">
              <div>地址管理</div>
            </a>
            <a class="link_a" href="">
              <h4>账户管理</h4>
            </a>
            <a class="link_a" href="">
              <div>个人信息</div>
            </a>
            <a class="link_a" href="">
              <div>修改密码</div>
            </a>
          </div>
        </div>
        <div class="content">
          <div class="user_emial">
            <div class="pic">
              <div class="icon">
                <img src="./images/tx.png" alt="" />
                <a href="" class="link_a">******</a>
              </div>
              <div class="email">
                <div>绑定邮箱：11100001111@qq.com</div>
              </div>
            </div>
          </div>
          <div class="user_order">
            <div class="item">
              <div class="pay">
                <a href="" class="link_a">
                  <img src="./images/gxin1.jpg" alt="" />
                </a>
              </div>
              <div class="pay_info">
                <div>待支付的订单 <i>0</i></div>
                <a class="link_a" href=""> 查看待支付的订单 </a>
              </div>
            </div>
            <div class="item">
              <div class="pay">
                <a href="" class="link_a">
                  <img src="./images/gxin2.jpg" alt="" />
                </a>
              </div>
              <div class="pay_info">
                <div>待支付的订单 <i>0</i></div>
                <a class="link_a" href=""> 查看待支付的订单 </a>
              </div>
            </div>
            <div class="item">
              <div class="pay">
                <a href="" class="link_a">
                  <img src="./images/gxin3.jpg" alt="" />
                </a>
              </div>
              <div class="pay_info">
                <div>待支付的订单 <i>0</i></div>
                <a class="link_a" href=""> 查看待支付的订单 </a>
              </div>
            </div>
            <div class="item">
              <div class="pay">
                <a href="" class="link_a">
                  <img src="./images/gxin4.jpg" alt="" />
                </a>
              </div>
              <div class="pay_info">
                <div>待支付的订单 <i>0</i></div>
                <a class="link_a" href=""> 查看待支付的订单 </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>
    <!-- 主体内容 -->
    <!-- 页脚 -->
    <footer>
      <div class="promise">
        <div class="promiser">
          <div class="item">
            <a href="" class="link_a">
              <img class="margin" src="./images/foot1.png" alt="" />
            </a>
            <div>7天无理由退货</div>
          </div>
          <div class="item">
            <a href="" class="link_a">
              <img class="margin" src="./images/foot2.png" alt="" />
            </a>
            <div>15天免费换货</div>
          </div>
          <div class="item">
            <a href="" class="link_a">
              <img class="margin" src="./images/foot3.png" alt="" />
            </a>
            <div>满599包邮</div>
          </div>
          <div class="item">
            <a href="" class="link_a">
              <img class="margin" src="./images/foot4.png" alt="" />
            </a>
            <div>手机特色服务</div>
          </div>
        </div>
      </div>
      <div class="copyright">
        <div>蜗牛家居©2019-2021公司版权所有 京ICP备080100-xx号</div>
        <div>
          违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
        </div>
      </div>
    </footer>
    <!-- 页脚 -->
  </body>
</html>
